<template>
  <div>
    <h2>我是用户界面</h2>
    <p>我是用户的相关信息,(～￣▽￣)～</p>
    <p>{{userId}}</p>
    <button @click="btnClick">用户按钮</button>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  computed: {
    userId() {
      // 拿到的是当前活跃状态的路由
      return this.$route.params.userId
    }
  },
  // created() {
  //   console.log('created');
  //   document.title = '用户'
  // },
  mounted() {

  },
  methods: {
    btnClick() {
      // 所有的组件都继承自Vue类的原型
      console.log(this.$router);
      console.log(this.$route);
      console.log(this.$name);
      this.test()
    }
  }
};
</script>

<style scoped>
</style>
